*{
		margin: 0;
		padding: 0;
	
	}
	::-moz-selection { /* Code for Firefox */
    color: white;
    background: #0FC9C3;
	}

	::selection{
    background: #0FC9C3;
    color: white;
	}
	/*只有HTML和body设了高度，info才能继承*/
	html,body{
		height: 100%;
		font-size:70%;
	}

	.info{
		background-image: url(background.jpg) ;
		/*背景图片伸展*/
		background-size:100% 100%;
		background-repeat: no-repeat;
		width: 100%;
		height: 90%;
		background-color: #E8E8E8;
		/*子元素的margin超过了范围所以要下面这行*/
		overflow: hidden;
		
	}
	.info .nav{
		width: 90%;
		height: 8%;
		margin:16px auto;
		padding: 16px 0px;
		
	}
	.info .nav .navigator{
		float: right;
		padding: 20px 0;
		font-size: 1.4em;
		font-family: 'Mali', cursive;
		margin-right: -30px; 
		
	}
	.info .nav .navigator li{
		
		line-height: 100%;
		list-style: none;
		display: inline-block;
		color: black;
		margin-right: 30px;
	}
	
	a{
		text-decoration: none;
		color: black;
	}
	.info .nav .navigator a:hover{
		color: #2acec5;
		font-family: 
	}
	
	.info .content{
		
		position: absolute;
		min-width: 30%;
		width: 33%;
		height: 30%;
		right:  5%;
		margin-top: 50px;
	}
	.info .content h1{
		font:4.0em 'Niramit', sans-serif;
	}
	.info .content p{
		font: 2em/180% SimSun-ExtB;
		color: #787878;
		padding: 36px 5px;
		font-family: 'Niramit', sans-serif;   
	}
	.info .content a{
		display: block;
		
		text-align: center;
		font:1.4em/400% Microsoft YaHei UI;
		color: white;
		background-color:#0FC9C3;
	}
	.button {
		width: 180px;
		height: 44px;
		text-align: center;
		font:1.4em/100% Microsoft YaHei UI;
		border: 1px solid #0FC9C3;
		
   	 	cursor: pointer;
   	 	background-color: #0FC9C3;
   	 	color: white;
}
	.main , .vedio{
		font: 1.4em Microsoft YaHei UI;
		text-align: center;
	}
	.main h4 , .vedio h4{
		margin-top: 113px;
		font-size: 3.0em;
	}
	.main p , .vedio p{
		margin: 30px auto;
		line-height: 24px;
		color: #777777
	}
	/*img为行内样式，要display：block才能用auto居中*/
	.main img{
		 	display:block; 
			margin:50px auto 76px auto;

	}
	
	.progress{
		height:70%;
		width: 100%;
		background-size: 100% 100%;
		background-image: url(box2.jpg) ;
	}
	
	.progress .box1{
		width: 38%;
		height: 54%;
		margin: 6% 0 0 6%;
		position: absolute;
		font-family: Microsoft YaHei UI;
	}
	
	.progress .box1 h4{
		font-size: 3.2em;
	}
	
	.progress .box1 p{
		font-size: 1.4em;
		margin-top: 9vh;
	}

	.barbox{

	}
	.progress .bar1{
		
	}

	 .data{
		background-color: #10c9c3;
		height:33vh; 
		width: 100%;	
		overflow: hidden;	
	}
	.data ul{
		list-style: none;
		width: 90%;
		position: relative;
		top: 35%;
		left: 4%;
		font-family: Microsoft YaHei UI;
	}
	.data ul li{
		float: left;
		color: white;
		width:22%;
		margin-left: 30px;
   		line-height:28px;
	}
	.data ul li span{
		font-size: 1.8em;
	}
	.data ul li img{
		float: left;
		margin-right: 10px;  
		padding: 10px 5px;
	}
	
	.pics{
		overflow: hidden;
		width: 100%;
		height: 80%;
	}

	.pics a .overlay {
	  text-align: center;
	  font: 3.0em  Microsoft YaHei UI ;
	  color: white;
	  line-height: 1220%;
 	  width: 100%;
 	  height: 100%;
	  opacity: 0;
	  transition: .5s ease;
	  background-color: black;
	  display: block;

	}

	
	
	.pics li a:hover .overlay{
 	 opacity: 0.6;
 	 
	}
	
	 .pics li{
		list-style: none;
		float: left;
		width: 25%;
		height: 50%;
		
		
	}

	.pics li.pic1{
		background: url(images/05.gif);
		background-size: 100% 100%;
	}
	.pics li.pic2{
		background: url(images/16.gif);
		background-size: 100% 100%;
	}
	.pics li.pic3{
		background: url(images/07.gif);
		background-size: 100% 100%;
	}
	.pics li.pic4{
		background: url(images/08.gif);
		background-size: 100% 100%;
	}
	.pics li.pic5{
		background: url(images/09.gif);
		background-size: 100% 100%;
	}
	.pics li.pic6{
		background: url(images/13.gif);
		background-size: 100% 100%;
	}
	.pics li.pic7{
		background: url(images/11.gif);
		background-size: 100% 100%;
	}
	.pics li.pic8{
		background: url(images/14.gif);
		background-size: 100% 100%;
	}
	
	.vedio{
		margin-bottom: 100px;
	}
	
	